<br />

<div id="best_prof" name=best_prof">
	<table border="1px">
		<tr>
			<td>Имя</td>
			<td>{{ ider.firstname }} {{ ider.lastname }}</td>
		</tr>
		<tr>
			<td>Рекомендуемая профессия</td>
			<td>{{ mp.mp_prof_name }}</td>
		</tr>
		<tr>
			<td>Оценка по профессии</td>
			<td>{{ mp.mp_mark }} из 100</td>
		</tr>
		<tr>
			<td>Лучшая компетенция (оценка)</td>
			<td>{{ mp.mp_prof_best_comp }} ({{ mp.mp_prof_best_comp_mark }})</td>
		</tr>
		<tr>
			<td>Худшая компетенция (оценка)</td>
			<td>{{ mp.mp_prof_worst_comp }} ({{ mp.mp_prof_worst_comp_mark }})</td>
		</tr>
		<tr>
			<td colspan="2"><p>Рекомендуются занятия по следующим курсам для повышения квалификации:</p>
				<ul>
					{% for item in mp.worst_course_list %}
						<li>{{ item }}</li>
					{% endfor %}
				</ul>
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<a href="http://hh.ru/applicant/searchvacancyresult.xml?notWithoutSalary=&itemsOnPage=20&orderBy=2&searchPeriod=30&text={{ mp.mp_prof_name }}&desireableCompensation=&compensationCurrencyCode=RUR">Поиск вакансии</a>
			</td>
		</tr>
	</table>

<table>
	<tr>
		<td>
			<div id="div_comp"></div>
		</td>
		<td>
			<input type="button" id="show_cmpt_table" onclick="show_cmpt()" style="width: 80" value="Таблица" />
			<table id="cmpt_table" class="hiding" border="1px">
				<tbody>
					<tr>
						<th width="300px">
							Компетенция
						</th>
						<th width="300px">
							Оценка
						</th>
					</tr>
					{% for item in final_calculate_list %} 
						<tr>
							<td align="center">{{ item.cmpt_short_name }}</td>
							<td align="center">{{ item.cmpt_mark }}</td>
						</tr>
					{% endfor %}			
				</tbody>
			</table>
		</td>
	</tr>
</table>


<table>
	<tr>
		<td rawspan="2">
			<div id="div_prof"></div>
		</td>
		<td>
			<table>
				<tr>
					<td><input type="button" id="show_prof_table" onclick="show_prof()" style="width: 80" value="Таблица" /></td>
					<td><input type="button" id="detail_prof_table" onclick="drawOptionalChart()" style="width: 140" value="Детализировать" /></td>
				</tr>
				<tr>
					<td colspan="2">
						<table id="prof_table" class="hiding" border="1px">
							<tbody>
									<tr>
										<th width="300px">
											Профессия
										</th>
										<th width="300px">
											Оценка
										</th>
										<th>
										</th>
									</tr>
								{% for item in resume_list %}
									<tr>
											<td align="center">{{ item.prof_name }}</td>
											<td align="center">{{ item.prof_mark }}</td>
											<td><input name="prof_choice" id="prof_choice{{ forloop.counter }}" value="{{ forloop.counter }}" type="radio"  />
</td>
									</tr>
								{% endfor %}		
							</tbody>
						</table>
					</td>
				<tr>
			</table>
		</td>
	</tr>
</table>
<div id="detail_div"></div>
<br />
<br />


<form action="{% url 'content_adm:resume' mp.length %}" method="post">
	{% csrf_token %}
	<table>
		<tr><th colspan="2">Форма создания резюме</th></tr>
		<tr>
			<td>ФИО</td>
			<td><input type="text" id="i_fio" name="i_fio" value="{{ ider.lastname }} {{ ider.firstname }}" style="width: 700" /></td>
		</tr>
		<tr>
			<td>Дата рождения</td>
			<td><input type="text" id="i_bd" name="i_bd" value="" style="width: 700" /></td>
		</tr>
		<tr>
			<td>Город</td>
			<td><input type="text" id="i_city" name="i_city" value="Москва" style="width: 700" /></td>
		</tr>
		<tr>
			<td>Телефон</td>
			<td><input type="text" id="i_tel" name="i_tel" value="" style="width: 700" /></td>
		</tr>
		<tr>
			<td>E-mail</td>
			<td><input type="text" id="i_mail" name="i_mail" value="{{ ider.mail }}" style="width: 700" /></td>
		</tr>
		<tr>
			<td>Должность</td>
			<td><input type="text" id="i_position" name="i_position" value="{{ mp.mp_prof_name }}" style="width: 700" /></td>
		</tr>
		<tr>
			<td>Желаемая зп</td>
			<td><input type="text" id="i_sal" name="i_sal" value="" style="width: 700" /></td>
		</tr>
		<tr>
			<td>Занятость</td>
			<td>
				<select id="i_time" name="i_time" style="width: 700">
								<option selected="selected">Полная</option>
								<option>Частичная</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>ВУЗ</td>
			<td><input type="text" id="i_inst" name="i_inst" value="Московский Государственный Институт Электроники и Математики" style="width: 700" /></td>
		</tr>
		<tr>
			<td>Специальность</td>
			<td><input type="text" id="i_dep" name="i_dep" value="Вычислительные машины, комплексы, системы и сети" style="width: 700" /></td>
		</tr>
		<tr>
			<td>Год окончания ВУЗ</td>
			<td><input type="text" id="i_year" name="i_year" value="" style="width: 700" /></td>
		</tr>
		<tr>
			<td>Знание языков</td>
			<td>
				<input type="text" id="i_lang1" name="i_lang1" value="Русский - родной" style="width: 230" />
				<input type="text" id="i_lang2" name="i_lang2" value="Английский - базовый" style="width: 230" />
				<input type="text" id="i_lang3" name="i_lang3" value="" style="width: 230" />
			</td>
		</tr>

		<tr>
			<td>Уровень подготовки</td>
			<td>
				<table width="100%">
					{% for item in mp.mp_prof_cp_list %}
						<tr>
							<td><input type="text" id="i_skill_name{{ forloop.counter }}" name="i_skill_name{{ forloop.counter }}" value="{{ item.cmpt_name }}" />
							<input type="text" id="i_skill_val{{ forloop.counter }}" name="i_skill_val{{ forloop.counter }}" {% if item.cmpt_mark > 80 %} value="Высокий" {% endif %} {% if item.cmpt_mark < 81 %} value="Выше среднего" {% endif %} {% if item.cmpt_mark < 61 %} value="Средний" {% endif %} {% if item.cmpt_mark < 41 %} value="Ниже среднего" {% endif %} {% if item.cmpt_mark < 21 %} value="Базовый" {% endif %} /></td>
					{% endfor %}
				</table>
			</td>
		</tr>
		<tr>
			<td>Опыт работы с системами</td>
			<td><input type="text" id="i_soft" name="i_soft" value="{% for item in mp.software_list %}{{ item.sftwr_name }}, {% endfor %}" style="width: 700" /></td>
		</tr>
		<tr>
			<td>Опыт работы</td>
			<td>
				<table>
					<tr >
						<td style="width: 150">Организация</td>
						<td style="width: 150">Должность</td>
						<td style="width: 80">Дата начала</td>
						<td style="width: 80">Дата увольнения</td>
					</tr>
					<tr>
						<td><input type="text" id="i_w1_org" name="i_w1_org" value="" /></td>
						<td><input type="text" id="i_w1_prof" name="i_w1_prof" value="" /></td>
						<td><input type="text" id="i_w1_beg" name="i_w1_beg" value="" /></td>
						<td><input type="text" id="i_w1_fin" name="i_w1_fin" value="" /></td>
					</tr>
					<tr>
						<td><input type="text" id="i_w2_org" name="i_w2_org" value="" /></td>
						<td><input type="text" id="i_w2_prof" name="i_w2_prof" value="" /></td>
						<td><input type="text" id="i_w2_beg" name="i_w2_beg" value="" /></td>
						<td><input type="text" id="i_w2_fin" name="i_w2_fin" value="" /></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>Гражданство</td>
			<td><input type="text" id="i_cnt" name="i_cnt" value="российское" style="width: 700" /></td>
		</tr>
		<tr>
			<td>Разрешение на работу</td>
			<td><input type="text" id="i_perm" name="i_perm" value="российское" style="width: 700" /></td>
		</tr>
		<tr>
			<td><input type="submit" id="form_submit" name="form_submit" value="Создать резюме" style="width: 300" /></td>
			<td>
				<input name="resume_type" id="txt" value="1" type="radio" />txt
				<input name="resume_type" id="pdf" value="2" type="radio" checked="true" />pdf
			</td>
		</tr>
	</table>
</form>




<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
	google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawChart);
    function drawChart() {
		drawOptionalChart();
    	var data_comp = google.visualization.arrayToDataTable([
		    ['Компетенция', 'Оценка'],
			{% for item in final_calculate_list %}
				{% if item.cmpt_mark != 0 %}
					['{{ item.cmpt_short_name }}', {{ item.cmpt_mark }}],
				{% endif %}
			{% endfor %}
    	]);

    	var data_prof = google.visualization.arrayToDataTable([
		    ['Профессия', 'Оценка'],
			{% for item in resume_list %}
				{% if item.prof_mark != 0 %}
					['{{ item.prof_name }}', {{ item.prof_mark }}],
				{% endif %}
			{% endfor %}
		]);

    	var options_comp = {
        	title: 'Оценки по компетенциям',
        	vAxis: {title: 'Компетенция'},
			hAxis: {maxValue: '100', minValue: '0'},
			legend: {position: 'none'},
			axisTitlesPosition: 'none',
			bar: {groupWidth: '50'},
			width: '800',
			height: '{{clen}}',
			chartArea: {width: '60%'},
			fontSize: '14'
        };
    	var options_prof = {
        	title: 'Оценки по профессиям',
        	vAxis: {title: 'Профессия'},
			hAxis: {maxValue: '100', minValue: '0'},
			legend: {position: 'none'},
			axisTitlesPosition: 'none',
			bar: {groupWidth: '50'},
			width: '800',
			height: '{{plen}}',
			chartArea: {width: '60%'},
			fontSize: '14'
        };

        var comp_chart = new google.visualization.BarChart(document.getElementById('div_comp'));
		var prof_chart = new google.visualization.BarChart(document.getElementById('div_prof'));
	
        comp_chart.draw(data_comp, options_comp);
		prof_chart.draw(data_prof, options_prof);
	}
function drawOptionalChart() {

		var data = [];

		{% for item in resume_list %}
					data[{{ forloop.counter }}] = google.visualization.arrayToDataTable([
						['Компетенция', 'Важность', 'Оценка'],
							{% for element in item.cp_list %}
								['{{ element.cmpt_name }}', {{ element.k_importance }}, {{ element.cmpt_mark }}],
							{% endfor %}
						]);
		{% endfor %}

		var title = []
		var prof_choice = 1;
		{% for el in resume_list %}
			title[{{ forloop.counter }}] = "{{ el.prof_name }}";
			if (document.getElementById('prof_choice{{ forloop.counter }}').checked == true) {
				prof_choice = document.getElementById('prof_choice{{ forloop.counter }}').value;
			}
		{% endfor %}

		var options_details = {
			title: 'Оценки по компетенциям за выбранную профессию',
        	vAxis: {maxValue: '100', minValue: '0'},
			hAxis: {title: title[prof_choice], textPosition: "in"},
			bar: {groupWidth: '50'},
			width: '100%',
			fontSize: '14'
		};

		var cp_chart = new google.visualization.ColumnChart(document.getElementById('detail_div'));
	
		cp_chart.draw(data[prof_choice], options_details);
	}
</script>
<script type="text/javascript">
	function show_cmpt() {
			a = document.getElementById('show_cmpt_table').value;
			if (a == "Скрыть") {
				document.getElementById('cmpt_table').style.visibility="hidden";
				document.getElementById('show_cmpt_table').value="Таблица";
			}
			else {
				document.getElementById('cmpt_table').style.visibility="visible";
				document.getElementById('show_cmpt_table').value="Скрыть";
			}
	}
	function show_prof() {
			a = document.getElementById('show_prof_table').value;
			if (a == "Скрыть") {
				document.getElementById('prof_table').style.visibility="hidden";
				document.getElementById('show_prof_table').value="Таблица";
			}
			else {
				document.getElementById('prof_table').style.visibility="visible";
				document.getElementById('show_prof_table').value="Скрыть";
			}
	}
</script>
<style>
	.hiding { visibility: hidden; }
	.collapsing { visibility: collapse; }
</style>

